<!-- 商品详情图片展示 -->
<!--<app-carouselpublic></app-carouselpublic>-->

<!-- 商品图片下部信息 -->
<div *ngFor="let item of getShops;let i of g_id">
    <div class="shops-contents2">
        <!-- 商品信息 -->
        <p>{{item.g_stock}}</p>
        <!-- 商品价格 -->
        <span class="shops-price">{{item.g_price}}</span>
        <!-- 商品原价 -->
        <span class="change-text">{{item.g_sold}}</span>
        <!-- 商品销量 -->
        <span class="sales">销量：{{i}}件</span>
    </div>
</div>

<!-- 商品介绍 -->
<div class="shop-introduce">
    <div class="shop-details">
        <a class="shop-details-a" (click)="goShopDetails()">商品详情</a>
    </div>
    <div class="shop-evaluate">
        <a (click)="goShopEvaluate()">评价 ({{evaluteNumbers}})</a>
    </div>
</div>
<!-- 商品介绍分况展示 -->
<div class="shop-introduce-content">
    <app-shop-details *ngIf="flag"></app-shop-details>
    <app-shop-evalute *ngIf="!flag"></app-shop-evalute>
</div>

<!-- 客服 -->
<div class="customerService">
    <span>客服</span>
</div>

<!-- 商品详情tabBar -->
<div class="footer">
    <a [routerLink]="['/block/shopping-mall']" class="shopping-mall">
        <div class="shopping-mall-img">
            <img src="{{shoppingMallImg1}}" alt="商城图片" >
        </div>
        <p>商城</p>
    </a>
    <a [routerLink]="['/block/shopping-car']" class="car">
        <div class="car-img">
            <img src="{{shoppingMallImg3}}">
        </div>
        <p>购物车</p>
    </a>
    <a class="add-car" (click)="AddCar()">
        <span>加入购物车</span>
    </a>
    <a [routerLink]="['/block/person-center']" class="buy-now" (click)="buyNow()">
        <span>立即购买</span>
    </a>
</div>
<!-- 加入购物车弹框 -->
<div class="addCar" id="add-car">
    <div class="all">
        <div class="left">
            <!--<img src="{{headers}}" alt="" class="header">-->
            <div class="header"></div>
        </div>
        <div class="right">
            <span class="header-name">{{headerName}}</span>
            <span class="date">{{date | date:'yyyy-MM-dd HH:mm ss'}}</span><br>
            <span class="content">{{content}}</span>
        </div>
    </div>
</div>

<!-- 立即购买业务 -->
<!--<div class="buyNow" id="buy-now">-->
    <!--<div class="all">-->
        <!--<div class="left">-->
            <!--&lt;!&ndash;<img src="{{headers}}" alt="" class="header">&ndash;&gt;-->
            <!--<div class="header"></div>-->
        <!--</div>-->
        <!--<div class="right">-->
            <!--<span class="header-name">{{headerName}}</span>-->
            <!--<span class="date">{{date | date:'yyyy-MM-dd HH:mm ss'}}</span><br>-->
            <!--<span class="content">{{content}}</span>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
